
/********************* Area do body *****************************/
body {background:#87CEEB;}

/************************ Area Total ****************************/
#area-total {margin-left:auto; margin-right:auto; width:960px; background:#0f6095; border:0px solid white; -moz-border-radius:12px; -webkit-border-radius:12px; box-shadow:0px -2px 10px #333;}

/*********************** Area Banner ****************************/
#area-banner {width: 960px;height: 200px;background: url('../images/top3.png');}

/******************* Area Menu Lateral *************************/
#area-lateral {width:10px; height:900px; float:left; margin-top:16px; margin-bottom:16px; margin-left:0px;}
#area-menu-lateral {width:150px; min-height:150px; float:left; margin-top:16px; margin-bottom:16px; margin-left:5px; background:white;
                -moz-border-radius:10px;
                -webkit-border-radius:0px;
                -moz-box-shadow:0px 0px 10px #333;
                -webkit-box-shadow: 0px 0px 10px #333;
                box-shadow:0px -2px 10px #333;
                border:0px solid green;}

#area-menu-lateral  a{font-size:15px;font-family: Arial,Tahoma,Verdana,Helvetica,"Bitstream Vera Sans",sans-serif; padding:2px;
                padding-left:10px;
                display: block; /* ocupa toda area do li */
                text-align:center;
                text-decoration:none; /* retira sublinhado do link */
                color:#666666;
                padding-top:5px;
                padding-bottom:5px;
                border:0px solid green;
            }

            #area-menu-lateral li{
                list-style:none;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                border-bottom:1px dotted #CCCCCC;
            }

            #area-menu-lateral li:hover { 
                background-color:#E6E6E6;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                list-style:none;
            }


/****************************************************************
******************* Area Menu Superior **************************
****************************************************************/

            #area-menu-superior {
                width:960px;
                min-height:40px;
                background:white;
                -moz-box-shadow:0px 0px 10px #333;
                -webkit-box-shadow: 0px 0px 10px #333;
                box-shadow:0px -2px 10px #333;
                border:0px solid green;
            }

            #area-menu-superior li {
                list-style:none;
            }

/****************************************************************
******************** Area Conteúdo ******************************
****************************************************************/

            #area-conteudo {
                float:left;
                padding:7px;
                padding-left:15px;
                margin-top: 8px ;
                margin-left: 8px ;
                margin-bottom: 8px ;
                width:922px;
                min-height:400px;
                background:#e9e9e9;
                border:0px solid green;
                -moz-border-radius:12px;
                -webkit-border-radius:12px;
                padding-bottom:40px;
                padding-top:25px;
            }

            #area-conteudo li {
                color:#000000;
                padding-left:0px;
                list-style:circle;
                margin-left:30px;
                line-height:1.5em;

            }

            #area-conteudo h1  {
                text-align:center;
                color:#65564a;
            }

            #area-conteudo h3  {
                color:#65564a;
                text-decoration: underline;
                font-weight:bold;
                line-height:1.5em;
                font-size:16px;
            }
/*
            #area-conteudo h2  {
                color:#65564a;
                font-weight:bold;
                line-height:2.5em;
                font-size:24px;
            }*/

            #area-conteudo p {
                text-align:justify;
                color:#000000;
                line-height:1.5em;
                font-size: 12px;
                float: left;
                width: 900px;
            }

            #area-conteudo img {
                float: left;
                margin-left: 15px ;
                margin-right: 15px ;
            }

            #titulos h2 {
                color:#65564a;
                font-weight:bold;
                line-height:1.5em;
                font-size:18px;
                padding-bottom:10px;
            }

/****************************************************************
*********************** Rodapé **********************************
****************************************************************/

            #rodape {
                padding-top:6px;
                font-size:10px;
                text-align: center;
                color: #0f6095;
                background:#87CEEB;
                /*background:#b93327;*/
                height:50px;
            }

/****************************************************************
*********************** slide ***********************************
****************************************************************/

            #slide {
                margin: 0px;
                width:670px;       
            }


/****************************************************************
*********************** Notícias ********************************
****************************************************************/

            #noticia {
                border-bottom:1px dotted #CCCCCC;
                width: 750px;
                margin-bottom: 30px;
                margin-left: 80px;
                float: left;
                padding-bottom:20px;
            }

            #noticia img {
                float: right;
                margin-left: 15px ;
                margin-right: 15px ;
                width:150px;
                height: 110px;
}

            #noticia h3 {
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 20px;
                font-weight: bold;
                font-style: normal;
                color: #65564a;
                text-transform:	none;
                text-decoration: underline;
                letter-spacing: normal;
                line-height: 23.4px;
                float: left;
                width: 750px;
            }

            #noticia p {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #000000;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                width: 550px;
                margin-top: 12px;
                margin-left: auto;
            }

            #noticia a {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                clear: left;
                padding-top: 12px;
                padding-bottom: 12px;
            }


/****************************************************************
*********************** Fotos ********************************
****************************************************************/

            #fotos {
                border-bottom:1px dotted #CCCCCC;
                width: 360px;
                height: 140px;
                margin-top: 15px;
                margin-right: 25px;
                float: left;
                padding-bottom:20px;
            }

            #fotos img {
                float: right;
                margin-left: 15px ;
}

            #fotos h3 {
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 16px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                text-transform:	none;
                text-decoration: underline;
                letter-spacing: normal;
                line-height: 23.4px;
                float: left;
                width: 360px;
            }

            #fotos p {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #000000;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                width: 360px;
            }

            #fotos a {
                font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                color: #65564a;
                line-height: 16px;
                text-align: start;
                text-align:	left;
                float: left;
                width: 360px;
            }


/****************************************************************
************************ Patrocinios ****************************
****************************************************************/

            #area-patrocinio {
                width:760px;
                min-height:250px;
                float:left;
                margin-top:16px;
                margin-bottom:16px;
                margin-left:5px;
                background:white;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                box-shadow:0px -2px 10px #333;
                border:0px solid green;
            }

            #area-patrocinio img{
                float: left;
                width:140px;
                height: 80px;
                padding:20px;
		margin-left: 0px;
	    }



/****************************************************************
******************** Novas configurações ************************
****************************************************************/

            #imagem-direita p {
                float: left;
                width: 500px;
                margin: 5px ;
}
            #imagem-esquerda {
                float: left;
                width: 255px;
                margin-top: 5px ;
}
            #imagem-esquerda img {
                float: left;
                margin-left: 5px ;
}

            #imagem-esquerda p {
                float: left;
                font-size:12px;                
                border:0px solid green;
                width: 160px;
                padding-left:5px;
}

           .clearfix:after {
                content: ".";
                display:block;
                height: 0;
                clear: both;
                visibility: hidden;
           }

            p.nome_imagem {
                width: 160px;
                float: left;
                font-size:18px;
                border:0px solid blue;
                font-weight:bold;
}

            p.nome_imagem2 {
                width: 260px;
                float: left;
                font-size:18px;
                border:1px solid blue;
                font-weight:bold;
}

            ul.esquerda {
                padding-left:0px;
                margin-left:10px;
		        float:left;
                width:250px;
}

            ul.direita {
                padding-left:0px;
                margin-left:10px;
		        float:right;
                /*width:200px;*/
}

